import Vue from 'vue';
import App from './App.vue';
import router from './router';
// 引入全局组件并使用,任意页面可以直接使用
import UI from '../packages/index.js';
Vue.use(UI);

Vue.config.productionTip = false;

// 整体这一段代码的功能就是把App.vue的内容替换成public/index.html中的那个id名为#app的dom
new Vue({
  router,
  render: h => h(App)
}).$mount('#app');

// render: 渲染，在这里是一个配置项。它是一个函数，并且这里采用箭头函数的简写方式
// render: function (h) {
//   return h(App);
// }
// 上面的代码中，h是一个形参，在vue执行render会自动传入实参

// render的作用是：指定渲染函数。
// 整体render就是调用h函数，产生虚拟DOM并返回

// $mount的作用是把前面产生的vue实例挂载到一个id名为#app的dom元素上
// 在本项目中这个dom就是public/index.html中的#app
// 下面两种写法是等价的
// new Vue({}).$mount('#app')  <=====>  new Vue({el: '#app'})
